<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ include file="../../base.jsp"%>
<!DOCTYPE html>
<html>

<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>数据 - AdminLTE2定制版</title>
    <meta name="description" content="AdminLTE2定制版">
    <meta name="keywords" content="AdminLTE2定制版">
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <!-- 页面meta /-->
    <%--日期生成的选择框的js 点击出来时间  下面的整个都是 --%>

</head>
<body>
<div id="frameContent" class="content-wrapper" style="margin-left:0px;">
    <!-- 内容头部 -->
    <section class="content-header">
        <h1>
            装箱管理
            <small>报运详情</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="all-admin-index.html"><i class="fa fa-dashboard"></i> 首页</a></li>
            <li><a href="all-order-manage-list.html">装箱管理</a></li>
            <li class="active">装箱添加及列表</li>
        </ol>
    </section>
    <!-- 内容头部 /-->

    <!-- 正文区域 -->
    <section class="content">

        <!--订单信息-->
        <div class="panel panel-default">
            <div class="panel-heading">新增装箱</div>
            <form id="editForm" action="${ctx}/cargo/packing/edit.do" method="post" >
                <input type="hidden" name="packingListId" value="${packing.packingListId}">
                <%--<input type="hidden" name="factoryName" id="factoryName" value="${contractProduct.factoryName}">--%>
                <div class="row data-type" style="margin: 0px">
                    <div class="col-md-2 title">卖方</div>
                    <div class="col-md-4 data">
                        <input type="text" class="form-control" placeholder="卖方" name="seller" value="${packing.seller}">
                    </div>

                    <div class="col-md-2 title">买方</div>
                    <div class="col-md-4 data">
                        <input type="text" class="form-control" placeholder="买方" name="buyer" value="${packing.buyer}">
                    </div>

                    <div class="col-md-2 title">发票号</div>
                    <div class="col-md-4 data">
                        <input type="text" class="form-control" placeholder="发票号" name="invoiceNo" value="${packing.invoiceNo}">
                    </div>

                    <div class="col-md-2 title">发票日期</div>
                    <div class="col-md-4 data">
                        <%--<input type="text" class="form-control" placeholder="发票日期" name="invoiceDate" value="${contractProduct.cnumber}">--%>
                            <div class="input-group date">
                                <div class="input-group-addon">
                                    <i class="fa fa-calendar"></i>
                                </div>
                                <input type="text" placeholder="发票日期"  name="invoiceDate" class="form-control pull-right"
                                       value="${user.joinDate}" id="datedd">
                            </div>
                    </div>

                    <div class="col-md-2 title">唛头</div>
                    <div class="col-md-4 data">
                        <input type="text" class="form-control" placeholder="唛头" name="marks" value="${packing.marks}">
                    </div>

                    <div class="col-md-2 title">描述</div>
                    <div class="col-md-4 data">
                        <input type="text" class="form-control" placeholder="描述" name="descriptions" value="${packing.descriptions}">
                    </div>
                </div>
            <%--</form>--%>
        </div>
        <!--订单信息/-->

        <!--工具栏-->
        <div class="box-tools text-center">
            <button type="button" onclick='document.getElementById("editForm").submit()' class="btn bg-maroon">保存</button>
            <button type="button" class="btn bg-default" onclick="history.back(-1);">返回</button>
        </div>
        <!--工具栏/-->

    </section>
    <!-- 正文区域 /-->

    <section class="content">
        <!-- .box-body -->
        <div class="box box-primary">
            <div class="box-header with-border">
                <h3 class="box-title">报运单列表</h3>
            </div>

            <div class="box-body">

                <!-- 数据表格 -->
                <div class="table-box">
                    <!--数据列表-->
                    <table id="dataList" class="table table-bordered table-striped table-hover dataTable">
                        <thead>
                        <tr>
                            <td class="tableHeader"><input type="checkbox" name="selid" onclick="checkAll('id',this)"></td>
                            <td class="tableHeader">序号</td>
                            <td class="tableHeader">报运号</td>
                            <td class="tableHeader">货物数/附件数</td>
                            <td class="tableHeader">信用证号</td>
                            <td class="tableHeader">收货人及地址</td>
                            <td class="tableHeader">装箱港</td>
                            <td class="tableHeader">目的港</td>
                            <td class="tableHeader">运输方式</td>
                            <td class="tableHeader">价格条件</td>
                            <td class="tableHeader">制单日期</td>
                            <td class="tableHeader">状态</td>
                        </tr>
                        </thead>
                        <tbody class="tableBody" >
                        ${links }
                        <%--<form id="editForm" action="/cargo/packing/edit.do" method="post">--%>
                            <%--设置表单提交id--%>
                        <c:forEach items="${page.list}" var="o" varStatus="status">
                            <tr class="odd" onmouseover="this.className='highlight'" onmouseout="this.className='odd'" >
                                <td><input type="checkbox"  name="exportIds" value="${o.id}"/></td>
                                <td>${status.index+1}</td>
                                <td>${o.id}</td>
                                <td align="center">
                                        ${o.proNum}/${o.extNum}
                                </td>
                                <td>${o.lcno}</td>
                                <td>${o.consignee}</td>
                                <td>${o.shipmentPort}</td>
                                <td>${o.destinationPort}</td>
                                <td>${o.transportMode}</td>
                                <td>${o.priceCondition}</td>
                                <td><fmt:formatDate value="${o.inputDate}" pattern="yyyy-MM-dd"/></td>
                                <td>
                                    <c:if test="${o.state==0}">草稿</c:if>
                                    <c:if test="${o.state==1}"><font color="green">已上报</font></c:if>
                                    <c:if test="${o.state==2}"><font color="red">已报运</font></c:if>
                                    <c:if test="${o.state==3}"><font color="blue">已装箱</font></c:if>
                                </td>
                                <%--<td>--%>
                                    <%--<a href="${ctx}/cargo/contractProduct/toUpdate.do?id=${o.id}">[修改]</a>--%>
                                    <%--<a href="${ctx}/cargo/contractProduct/delete.do?id=${o.id}&contractId=${o.contractId}">[删除]</a>--%>
                                    <%--<a href="${ctx}/cargo/extCproduct/list.do?contractId=${o.contractId}&contractProductId=${o.id}">[附件]</a>--%>
                                <%--</td>--%>
                            </tr>


                        </c:forEach>
                        </form>
                        </tbody>
                    </table>
                    <!--数据列表/-->
                    <!--工具栏/-->
                </div>
                <!-- 数据表格 /-->
            </div>
            <!-- /.box-body -->

            <!-- .box-footer-->
            <div class="box-footer">
                <jsp:include page="../../common/page.jsp">
                    <jsp:param value="/cargo/packing/toUpdate.do?id=${packing.packingListId}" name="pageUrl"/>
                </jsp:include>
            </div>
            <!-- /.box-footer-->
        </div>

    </section>

</div>
<!-- 内容区域 /-->
</body>
<script src="../../plugins/datepicker/bootstrap-datepicker.js"></script>
<script src="../../plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
<link rel="stylesheet" href="../../css/style.css">
<script>
    $('#datedd').datepicker({
        autoclose: true,
        format: 'yyyy-mm-dd'
    });
    $('#datepicker1').datepicker({
        autoclose: true,
        format: 'yyyy-mm-dd'
    });
</script>
<script>

    <c:if test="${falg==1}">
    alert("目的地不同，请重新选择")
    </c:if>


</script>
<%--编辑默认选中 已经生产装箱单的报运单--%>
<script>
    var es="${packing.exportIds}";
    var e=[];
    var  e= es.split(",");
    for(var i=0;i<e.length;i++){
        $("input[value="+e[i]+"]").attr("checked","checked")
    }
</script>
</html>